<template>
    <h1>Pixiv</h1>
    <view class="wallpaper">
        <view class="item" @click="goPixiv">
            <text> Pixiv </text>
            <image :src="bgList[0]" mode="aspectFill" />
        </view>
    </view>
</template>

<script setup lang="ts">
defineProps({
    bgList: {
        type: Array as any,
        default: []
    }
})
const goPixiv = () => {
    uni.navigateTo({
        url: '/pages/pixiv/pixiv'
    })
}
</script>

<style scoped>
.wallpaper {
    box-shadow: 0.3em 0.3em 0.7em var(--shadow);
    transition: border 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    padding-bottom: 10px !important;
}
</style>